﻿/*
Name : Magazine
Type : Desktop - Default
Redesign by : ArbesDJ
Sites : http://arbesdj.mywapblog.com
http://cssmo.mywapblog.com
Date : 23 Mei 2014
*/
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: local('Anton'), url(http://themes.googleusercontent.com/static/fonts/anton/v4/tilmJBBU81h1G7ZsdY3Hmw.woff) format('woff');
}
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('Archivo Narrow Regular'), local('ArchivoNarrow-Regular'), url(http://themes.googleusercontent.com/static/fonts/archivonarrow/v3/DsLzC9scoPnrGiwYYMQXphdbPw3QSf9R-kE0EsQUn2A.woff) format('woff');
}
body{background:url(rest.png);font-family:'Archivo Narrow',sans-serif;overflow-wrap:break-word;color:#777;font-size:16px;position:relative;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;unselectable:on;-oncontextmenu:none;-onkeydown:none;-onmousedown:none;margin:0}
a{color:#3eb4e2;text-decoration:none}
a:hover{color:#fc0405;-webkit-transition:all 900ms cubic-bezier(0.47,0,0.745,0.715);-moz-transition:all 900ms cubic-bezier(0.47,0,0.745,0.715);-o-transition:all 900ms cubic-bezier(0.47,0,0.745,0.715);-ms-transition:all 900ms cubic-bezier(0.47,0,0.745,0.715);transition:all 600ms cubic-bezier(0.47,0,0.745,0.715)}
img{max-width:100%;border:0}
img a{border:0}
#container{position:relative;margin:100px 0 113px;padding:0}
#header{position:relative;background:#3eb4e2;border-bottom:15px solid #3395ba;height:170px;margin:0;padding:30px 0 0}
#header #left{width:40%;margin:0;padding:30px 3%}
#header .heading{font-size:32px;font-weight:400;letter-spacing:-2px;margin:0}
#header .heading a{color:#fff;font-size:40px;border-bottom:5px solid #000;padding:10px 0}
#header .heading a:hover{color:#fc0405}
#content .no-link{background:url(arrow10.png)no-repeat left 5px center,url(gradme.png)repeat-x top,#f7f7f7;border:1px solid #ddd;margin:0;padding:10px 10px 10px 20px}
#header .description{position:relative;margin-top:10px;font-size:20px;letter-spacing:-1px;font-weight:400;color:#d7eefa;padding:10px 0}
#content-container{max-width:1200px;-moz-box-shadow:0 -5px 38px rgba(0,0,0,0.25);-webkit-box-shadow:0 -5px 38px rgba(0,0,0,0.25);box-shadow:0 -5px 38px rgba(0,0,0,0.25);margin:0 auto;padding:20px 1% 50px}
#content{float:left;width:79%;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;margin:0 0 40px}
#content h3{color:#000;margin:0;padding:10px}
#content #pagination_links{text-align:center}
#content .post:before{background:#000 url(arrow10.png)no-repeat left 5px center;display:block;content:'Latest';height:27px;color:#fff;font-weight:700;margin:0 1% 0 0;padding:8px 0 0 20px}
#content .post+.post:before{content:'New'}
#content .post+.post+.post+.post+.post:before{content:'Hot'}
#content .post+.post+.post+.post+.post+.post+.post+.post:before{content:'Popular'}
#content .post{background:#fff;border:1px solid #ddd;float:left;width:64.6666666666%;position:relative;margin-bottom:20px;margin-left:2%;margin-top:25px;text-align:justify;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:5px 1% 40px}
#content .post+.post{width:31.3333333333%;height:auto;margin-bottom:20px;margin-top:0;text-align:justify;padding:5px 1% 40px}
#content .post+.post+.post+.post+.post{width:31.3333333333%}
#content .thumbnail{height:160px!important;width:37%!important;border:none!important;margin:0 1% 0 0 !important}
#content .post+.post .thumbnail{position:relative;width:31%!important;height:67px!important;z-index:2;margin:0 1% 0 -32% !important}
#content .post .title{font-size:28px;text-align:left;border-bottom:2px solid #3eb4e2;height:65px;overflow:hidden;margin:0;padding:0}
#content .post .title a{display:block}
#content .post+.post .title{height:40px}
#content .post+.post .title a{font-size:16px}
#content .post-single{background:#fff;margin-bottom:20px;height:auto;width:auto;padding:10px 2%}
#content .post-single .title{height:auto}
#content .post-single .entry ul li,#content .post-single .entry ol li{border-bottom:1px dotted #ccc;padding:3px}
.post-single .entry p img{max-width:60%}
#content #comments{margin:0;padding:0 1%}
#content #comments p{border-bottom:1px solid #ddd;padding:5px 0}
#content .comment{background:#fff;margin-top:10px;margin-bottom:10px;margin-left:0;padding:10px 2%}
#content .comment h4:before{background:url(themes2.png)no-repeat center;display:block;content:' ';width:70px;height:50px;float:left;margin:3px 5px 0 1%}
#content .comment h4 a{display:block;color:#c6eafc;padding:0 10px}
#content .comment h4 a:hover{color:#85ccef}
#content .comment small{display:block;background:#3eb4e2;margin-top:10px;color:#fff;padding:10px}
#content .comment h4{background:#000;padding-top:10px;color:#eee;display:block;font-weight:700;margin:0}
#content .meta{background:url(arrow10.png)no-repeat left 5px center,url(gradme.png)repeat-x top,#f7f7f7;position:absolute;bottom:0;left:0;right:0;font-size:14px;margin:0;padding:8px 1% 8px 20px}
#content .post-single .meta{position:static;left:1%;right:1%;font-size:14px;margin-bottom:10px;padding:10px 10px 10px 20px}
#content .meta .categories{font-size:14px;font-weight:400;margin:0;padding:0}
#content .meta .categories a{font-size:14px;color:inherit;font-weight:700}
#content .post+.post .entry:before{position:relative;display:block;float:left;height:67px;width:30%;content:'';background:url(thumb.jpg)no-repeat center;background-size:100% 100%;z-index:1;margin:18px 1% 0 0;padding:0}
#content .post .entry{height:210px;overflow:hidden;margin-top:0;line-height:1.8em}
#content .post+.post .entry{height:0;line-height:normal}
#content .post+.post+.post+.post+.post .entry{height:108px;line-height:normal}
#content .post-single .entry{margin-top:0;line-height:1.8em;height:auto}
#content .comment-meta{display:block;position:absolute;top:5px;right:2%;background:#3eb4e2;font-weight:700;text-align:center;line-height:normal;clear:both;z-index:10;padding:9px 3% 8px}
#share_buttons{background:#eee;border:1px solid #ddd;text-align:center;margin-bottom:10px;padding:8px}
.sidebar{float:right;clear:right;width:20%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0 0 1%}
.sidebar+.sidebar .widget:last-child{height:0;width:0;overflow:hidden;margin:0;padding:0}
.sidebar a:hover{color:#888}
.sidebar .widget{background:#fff;margin-top:0;margin-left:1%;margin-bottom:10px;padding:0 5px}
.sidebar .widget ul{list-style-type:none;margin:0;padding:0}
.sidebar .widget ul li{background:url(arrow10.png)no-repeat left center;border-bottom:1px dotted #ddd;margin:0;padding:5px 1% 5px 24px}
.sidebar .widget:nth-child(1) ul li{background:none;padding:5px 1%}
.sidebar .widget h3,.sidebar .widget h2{background:#000;border-bottom:5px solid #3eb4e2;font-weight:100;letter-spacing:1px;font-size:20px;color:#fff;text-transform:uppercase;font-family:Anton,sans-serif;text-align:center;margin:-5px;padding:0 1%}
.sidebar .widget ul li h3,.sidebar .widget ul li h2{margin:-5px}
#footer{position:absolute;bottom:0;left:0;right:0;background:#000 url(black.png);border-top:15px solid #3395ba;color:#fff;font-size:12px;padding:50px 1%}
#footer small{float:right;margin-top:-20px}
#footer small:after{content:"redesign by : ArbesDJ-2014";display:block}
#comment_form{margin-left:2%}
.inp-text{width:90%;padding:10px 0}
.inp-textarea{width:90%;height:100px}
.inp-btn{background:#333;color:#fff;border:none;padding:10px}
#search_form{background:#f7f7f7 url(gradme.png)repeat-x top;border:1px solid #ccc;text-align:center;margin:0;padding:0 0 0 3px}
#search_form .text-box{background:#fff url(search4.png)no-repeat left center;width:76%;height:30px;margin-top:3px;border:1px solid #ddd;padding:0}
#search_form .button{background:url(search.png)no-repeat top center;color:transparent;width:32px;height:32px;font-size:0;border:1px solid #ddd;padding-top:10px;margin:0}
#pagination_links{font-size:18px;text-align:center;margin-top:10px}
#pagination_links span{display:inline-block;background:#fc0405;margin-top:2px;color:#fff;padding:3px 8px}
#pagination_links a{background:#000;color:#fff;display:inline-block;margin-top:2px;text-decoration:none;padding:3px 8px}
#pagination_links a:hover{background:#fff;color:inherit}
.messages,.highlight{border:1px solid;margin:10px 0;padding:15px 10px 15px 15px}
.messages{background-color:#f7f7f7;list-style:none;border-color:#ddd}
.highlight{background-color:#f7f7f7;text-align:center;border-color:#ddd}
#following_list ol,#blogroll_list ol{list-style:none;margin:0 0 20px;padding:10px}
#following_list ol li,#blogroll_list ol li{background:url(arrow10.png)no-repeat left 5px center;border-bottom:1px dotted #ddd;padding:10px 5px 10px 20px}
table{border-collapse:collapse}
table caption{background:#ddd;padding:5px}
table th{background:#ddd;border:1px solid #ccc;padding:10px 3px}
table tr{background:#fefefe}
table tr:nth-child(even){background:#f7f7f7}
table td{border:1px solid #ccc;font-size:1em;padding:10px 3px}
blockquote{min-height:40px;background:#f7f7f7;position:relative;overflow-wrap:break-word;margin:20px 20px 10px;padding:5px}
blockquote:after,.preview-item:after{content:'';display:block;position:absolute;top:-20px;left:30px;width:0;height:0;border-color:transparent transparent #f7f7f7;border-style:solid;border-width:10px}
.nav{background:url(themes.png)no-repeat left top 10px,url(black.png),#000!important;border-top:1px solid #222!important;border-bottom:1px solid #222!important;position:absolute;top:-100px;left:0;right:0;z-index:25;padding:30px 10px 30px 120px !important}
.nav li{float:left;position:relative!important;border-top:none!important;border-bottom:none!important;margin:0 3px 0 0 !important;padding:0!important}
.nav li:hover{background:#3eb4e2!important;margin:0 3px -1px 0 !important;padding:0!important}
.nav a{display:block;color:#fff!important;font-size:1em!important;margin:0!important;padding:10px 20px!important}
.nav .current li{border-bottom:none!important;margin:0!important}
.nav ul{background:#333;width:240px!important;position:absolute;top:35px!important;left:-99999px!important;border-top:none!important;margin:0!important;padding:0!important}
.nav li:hover >ul{display:block;left:0!important;float:none;padding:0!important}
.nav ul li{background:none!important;float:none!important;display:block!important}
.nav ul li:hover{background:none!important;border:none!important;margin-bottom:0!important}
.nav ul li a{font-weight:400;text-shadow:none!important;padding:10px 5px!important}
.nav ul li a:hover{color:#3f94be!important;border:0!important;margin:0!important}
.social-btn{position:absolute;top:5px;left:2%;z-index:22;margin:0 5px}
.social-btn img{width:40px;height:40px;margin:5px}
#content .comment-meta a,.sidebar .widget h3 a,.sidebar .widget h2 a,#footer a{color:#fff}
#content .comment-meta a:hover,.sidebar a{color:#000}
#content .post-single .entry ul li:last-child,#content .post-single .entry ol li:last-child,.sidebar .widget ul li:last-child{border-bottom:none}
/*
Name : Magazine
Type : Desktop - Default
Redesign by : ArbesDJ
Sites : http://arbesdj.mywapblog.com
http://cssmo.mywapblog.com
Date : 23 Mei 2014
*/